<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <form action="" method="POST" name="login">
        <!--action:表单的数据处理程序的URL地址  method：传送数据的方式-POST：把表单数据传送到服务器中处理；
            GET：将表单的内容附加在URL地址后面  name：表单名称   enctype设置表单数据的编码方式   target:用于指定目标窗口-->
        <span>登录界面</span><br>
        <!-- type：属性有text文本输入和password密码输入  name：指定控件的名称  
            value：初始值，加载显示文本框中的内容  size：设置控件长度 maxlength：最大允许输入字符数-->
        用户名：<input type="text" name="username" value="username" size="10" maxlength="5"><br>
        密  码：<input type="password" name="password" size="10"><br>
        <!--type:submit：提交按钮 reset:重置按钮  buttom：普通按钮 -->
        <input type="submit" value="登录">
        <input type="reset" value="重置">

        <hr>
        性别：   <input id="m" type="radio" name="sex" value="1" checked="checked">男
                <input id="w" type="radio" value="0" name="sex">女
        
        <hr>
        <input type="checkbox" name="foods" value="pangxie" checked="checked">螃蟹
        <input type="checkbox" name="foods" value="youyu">鱿鱼
        <input type="hidden"   name="foods" value="baoyu" >隐藏
        <hr>
        爱好：<br>
        <textarea name="Hobby" id="Hobby" cols="20" rows="10"></textarea><!--cols:列数；rows：行数-->
        <hr>
        前端：<br>
        <select name="front" id="front">
            <!-- value给选项赋值,指定传送到服务器上面的值
                selected 指定默认选项 -->
            <option value="CSS" selected>CSS</option>
            <option value="javaScript">javaScript</option>
            <option value="HTML">HTML</option>
        </select>
    </form>
    5<sup>4</sup>
</body>
</html>